import { PureComponent } from  'react'
import { Modal, Input } from 'antd'
import styles from './invoiceTitleModal.less'
class InvoiceTitleModal extends PureComponent {
    handleOk = () => {
        const { onOk } = this.props
        onOk()
    }
    handleCancel = () => {
        const { onCancel } = this.props
        onCancel()
    }
    render(){
        const { visible } = this.props
        return(
            <Modal
                title="新建发票抬头"
                visible={visible}
                onOk={this.handleOk}
                onCancel={this.handleCancel}
                width={600}
            >
                <div className={styles.invoiceModal}>
                    <div className={styles.invoiceSearch}>
                        <div className={styles.invoiceSearchSin}>
                            <span className={styles.invoiceSpan}>客户账号：</span>
                            <Input className={styles.invoiceInput} />
                        </div>
                        <div className={styles.invoiceSearchSin}>
                            <span className={styles.invoiceSpan}>发票抬头：</span>
                            <Input className={styles.invoiceInput} />
                        </div>
                    </div>
                    <div className={styles.invoiceSearch}>
                        <div className={styles.invoiceSearchSin}>
                            <span className={styles.invoiceSpan}>税号：</span>
                            <Input className={styles.invoiceInput} />
                        </div>
                        <div className={styles.invoiceSearchSin}>
                            <span className={styles.invoiceSpan}>营业执照地址：</span>
                            <Input className={styles.invoiceInput} />
                        </div>
                    </div>
                    <div className={styles.invoiceSearch}>
                        <div className={styles.invoiceSearchSin}>
                            <span className={styles.invoiceSpan}>营业执照电话：</span>
                            <Input className={styles.invoiceInput} />
                        </div>
                        <div className={styles.invoiceSearchSin}>
                            <span className={styles.invoiceSpan}>开户行：</span>
                            <Input className={styles.invoiceInput} />
                        </div>
                    </div>
                    <div className={styles.invoiceSearch}>
                        <div className={styles.invoiceSearchSin}>
                            <span className={styles.invoiceSpan}>开户账号：</span>
                            <Input className={styles.invoiceInput} />
                        </div>
                    </div>
                </div>
            </Modal>
        )
    }
}
export default InvoiceTitleModal